<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <link href="${pageContext.request.contextPath}/static/CSS/jquery.ui.all.css" rel="stylesheet" type="text/css" />
        <link href="${pageContext.request.contextPath}/static/CSS/bootstrap.css" rel="stylesheet" type="text/css" />
        <link href="${pageContext.request.contextPath}/static/CSS/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
        <script src="${pageContext.request.contextPath}/static/JS/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="${pageContext.request.contextPath}/static/JS/jquery.ui.core.min.js" type="text/javascript"></script>
        <script src="${pageContext.request.contextPath}/static/JS/jquery.ui.datepicker.min.js" type="text/javascript"></script>
        <script src="${pageContext.request.contextPath}/static/JS/i18n/jquery.ui.datepicker-es.js" type="text/javascript"></script>
        <style type="text/css">
            body {
                padding-top: 40px;
                padding-bottom: 40px;
                background-color: #fff;
            }

            .form-signin {
                max-width: 400px;
                padding: 19px 29px 29px;
                margin: 0 auto 20px;
                background-color: #f5f5f5;
                border: 2px solid #e5e5e5;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
                box-shadow: 0 1px 2px rgba(0,0,0,.05);
            }
            .form-signin .form-signin-heading,
            .form-signin .checkbox {
                margin-bottom: 10px;
            }
            .form-signin input[type="text"],
            .form-signin input[type="password"] {
                font-size: 16px;
                height: auto;
                margin-bottom: 15px;
                padding: 7px 9px;
            }
            
      div.ui-datepicker {
      font-size: 62.5%; /*12px;*/}
        </style>    
        <script type="text/javascript">
            $(function() {
                $("#fecha").datepicker({
                    showOn: 'button',
                    buttonImage: 'jqimages/calendar1.gif',
                    buttonImageOnly: true,
                    showAnim: 'slideDown',
                    changeMonth: true,
                    changeYear: true
                });
            });
            
            $(function() {
                $("#fecha1").datepicker({
                    showOn: 'button',
                    buttonImage: 'jqimages/calendar1.gif',
                    buttonImageOnly: true,
                    showAnim: 'slideDown',
                    changeMonth: true,
                    changeYear: true
                });
            });
            
            $(function() {
                $("#fecha2").datepicker({
                    showOn: 'button',
                    buttonImage: 'jqimages/calendar1.gif',
                    buttonImageOnly: true,
                    showAnim: 'slideDown',
                    changeMonth: true,
                    changeYear: true
                });
            });
        </script>        
    </head>

    <body>
        <form:form commandName="Torneo" method="post" action="Torneo.htm?accion=ins2" class="form-signin">
            <table width="70%" border="0" align="center">
                <td colspan="2"><div align="center" class="Estilo1">
                        <h2>Ingresar Torneo</h2>
                    </div></td>
                <tr>
                    <td>Descripción: </td>
                    <td><form:input path="destor" maxlength="150"/></td>
                </tr>
                <tr>
                    <td>Tipo: </td>
                    <td><form:input path="tiptor" maxlength="150"/></td>
                </tr>
                <tr>   
                    <td>Cantidad Participantes: </td>
                    <td><form:input path="canpar" maxlength="7"/></td>
                </tr>
                <tr>
                    <td>Fecha de Registro: </td>
                    <td><form:input path="fecreg" id="fecha" size="10" readonly="true"/></td>
                </tr>
                <tr>
                    <td>Fecha de Lanzamiento: </td>
                    <td><form:input path="feclan" id="fecha1" size="10" readonly="true"/></td>
                </tr>
                <tr>
                    <td>Fecha de Cierre: </td>
                    <td><form:input path="feccie" id="fecha2" size="10" readonly="true"/></td>
                </tr>

                <tr>
                    <td colspan="2">&nbsp;</td>
                </tr>

                <tr>
                    <td colspan="2" style="text-align: center">
                        <input type="image" src="${pageContext.request.contextPath}/static/IMG/save.png" width="50" height="50" />
                    </td>
                </tr>

            </table>
            <!-- Le javascript
            ================================================== -->
            <!-- Placed at the end of the document so the pages load faster -->
            <script src="../JS/jquery.js"></script>
            <script src="../JS/bootstrap.min.js"></script>
            <script src="../JS/bootstrap.js"></script>
        </form:form>
    </body>
</html>
